<template>
  <div id="containers"></div>
</template>

<script>
// var map = new AMap.Map('container', {
//   zoom: 11, //级别
//   center: [113.132779, 27.82983] //中心点坐标
// });
var map = new AMap.Map('containers', {
  resizeEnable: true, //是否监控地图容器尺寸变化
  zoom: 11, //初始化地图层级
  center: [113.160462, 27.901243] //中心点坐标 //初始化地图中心点
});
export default {
  methods: {
    getLoctions () {
      new AMap.Map('containers', {
        zoom: 11, //级别
        // c {Q: 27.828829644876265, R: 113.13277901649474, lng: 113.132779, lat: 27.82883}
        center: [113.160462, 27.901243] //中心点坐标
      })
    }
  },
  mounted () {
    this.getLoctions()
  }
}

</script>

<style scoped>
#containers {
    width: 243px;
    height: 168px;
    background: rgba(237, 237, 237, 1);
    opacity: 1;
}
</style>